html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }
button::-moz-focus-inner { padding: 0; border: 0; }

html, body { height: 100%; font: normal 12px/1.3 "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
a { outline: none; text-decoration: none; }
p { margin: 0.5em 0 }
textarea { overflow: auto; }

/*----------------------------------------------
	Utility
----------------------------------------------*/

.clear { clear: both; display: block; margin: 0; padding: 0; }
.clear-after:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.relative { position: relative; }
.dynamic-center { margin: 0 auto; }
.opacity0 { opacity: 0; position:absolute; }
.opacity50 { opacity: .50; }
.clickable { cursor: pointer; }
.table-center { margin:auto;}
.hide { display: none; }
.img { vertical-align: bottom; }
.row-hidden { display: none !important; }

/*----------------------------------------------
	User Interface
----------------------------------------------*/

/* buttons */
.ui-button,
.ui-cancel { background: none; border: 0; cursor: pointer; display: inline-block; height: auto; overflow: visible; padding: 0; margin: 0; vertical-align: middle; outline: none; }
.ui-button span,
.ui-cancel span { outline: none; display: inline-block; padding: 0; margin: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; font-weight: normal; height: 38px; line-height: 38px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
.ui-button span { padding: 0 0 0 28px; background-position: 0 0; }
.ui-button span span { padding: 0 28px 0 0; background-position: 100% -123px; }
.ui-button.hover span,
.ui-button:hover span { background-position: 0 -41px; }
.ui-button.hover span span,
.ui-button:hover span span { background-position: 100% -164px; }
.ui-button.disabled,
.ui-button.processing { cursor: default; }
.ui-button.disabled span,
.ui-button.disabled:hover span,
.ui-button.disabled.hover span,
.ui-button.processing span,
.ui-button.processing:hover span,
.ui-button.processing.hover span { background-position: 0 -82px; cursor: default; }
.ui-button.disabled span span,
.ui-button.disabled:hover span span,
.ui-button.disabled.hover span span,
.ui-button.processing span span,
.ui-button.processing:hover span span,
.ui-button.processing.hover span span { background-position: 100% -205px; cursor: default; }
a.ui-button.imgbutton span { padding: 0 0 0 10px; }
a.ui-button.imgbutton span span { padding: 0 10px 0 0; }
a.ui-button.imgbutton span span span { padding: 0 5px; }
.ui-controls { border: 0; margin: 1.5em 0; padding: 0; overflow: hidden; clear: both; }

/* breadcrumbs */
.ui-breadcrumb { list-style: none; margin: 0; padding: 0; float: left; }
.ui-breadcrumb li { float: left; margin-right: 5px; padding-right: 25px; background: url("../../images/icons/flyout-arrows.gif") no-repeat; }
.ui-breadcrumb li a { border-bottom:1px dotted; }
.ui-breadcrumb li.last { background: none;}
.ui-breadcrumb li.childless a,
.ui-breadcrumb li.last a { border: none; }
.ui-breadcrumb li.children a { border-bottom: 1px dotted; }

/* dropdown */
.ui-dropdown { float: left; position: relative; width: 175px }
.ui-dropdown .dropdown-toggler { display: block; height: 30px; overflow: hidden; z-index: 20; padding-right: 30px; }
.ui-dropdown .dropdown-toggler span { padding-left: 10px; height: 30px; line-height: 30px; display: block; }
.ui-dropdown .dropdown-wrapper { clear: both; display: block; position: absolute; z-index: 20; top: 30px; right: 0; width: 150px }
.ui-dropdown .dropdown-wrapper ul { list-style: none; margin: 0; padding: 0 }
.ui-dropdown .dropdown-wrapper li.empty { padding: 5px; }

/* toasts */
#toast-container { position: fixed; bottom: 20px; left: 20px; z-index: 100; }
.ui-toast { width: 277px; margin-bottom: 15px; position: relative; }
.ui-toast .toast-top,
.ui-toast .toast-bot { height: 35px; display: block; }
.ui-toast .toast-content { padding: 0 35px; }
.ui-toast .toast-arrow { width: 25px; height: 11px; position: absolute; bottom: 6px; left: 70px; }
.ui-toast .toast-close { width: 11px; height: 11px; position: absolute; top: 20px; right: 20px; overflow: hidden; display: block; background: url("../images/layout/toast-close.gif") no-repeat; }
.ui-toast .toast-close:hover { background-position: 0 -11px }

/* context menu */
.ui-context { display: none; overflow: hidden; position: absolute; left: 0; top: 15px; z-index: 9000; opacity: .98; width: 225px; background: #151616; border: 1px solid #262626; font: normal 12px "Arial", sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #000 0 0 10px; -webkit-box-shadow: #000 0 0 10px; box-shadow: #000 0 0 10px; }
.ui-context a { color: #00B6FF; text-decoration: none; }
.ui-context a:hover { color: #fff; }
.ui-context a.pinned { cursor: default; }
.ui-context .context { padding: 10px; }
.ui-context .context strong { color: #fff; font-size: 14px; }
.ui-context .context span { color: #5d636b; }
.ui-context .context .close { padding: 0; position: absolute; top: 10px; right: 10px; width: 11px; height: 11px; display: block; background: url("../images/context/icons.gif") no-repeat; }
.ui-context .context .close:hover { background-position: 0 -26px; }
.ui-context .context .context-user { padding-bottom: 10px; }
.ui-context .context .context-battletag { margin-bottom: 5px; color: #00B6FF; padding: 1px 0 1px 20px; background: url("../images/icons/battletag.png") 0 50% no-repeat; }
.ui-context .context .context-links { height: 30px; }
.ui-context .context .context-links a { display: block; line-height: 30px; float: left; padding-left: 30px; height: 30px; background: #292a2a; margin-right: 1px; }
.ui-context .context .context-links a:hover { background-color: #525252; }
.ui-context .context .context-links .link-first { -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding-right: 10px; }
.ui-context .context .context-links .link-last { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-context .character-list { padding-top: 1px; color: #5b616a; overflow: hidden; background: url("../images/context/divider.gif") 50% 0 no-repeat; }
.ui-context .character-list.loading-chars { padding: 50px; background: url("../images/loaders/uber-loading.gif") 50% 50% no-repeat; }
.ui-context .character-list .primary { padding-bottom: 2px; }
.ui-context .character-list .primary .char { display: block; padding: 10px; opacity: .50; background: url("../images/context/divider.gif") 50% 100% no-repeat; }
.ui-context .character-list .primary .char span { display: block; }
.ui-context .character-list .primary .char .race,
.ui-context .character-list .primary .char .class,
.ui-context .character-list .primary .char .realm { text-transform: uppercase; color: #5b616a; font-size: 11px; }
.ui-context .character-list .primary .char .name { font-size: 14px; color: #fff; font-weight: bold; }
.ui-context .character-list .primary .char .pin { margin-top: 17px; float: right; width: 16px; height: 16px; display: block; background: url("../images/context/icons.gif") 0 -52px no-repeat; }
.ui-context .character-list .primary .char.pinned .pin { background-position: 0 -83px; }
.ui-context .character-list .primary .char.pinned,
.ui-context .character-list .primary .char:hover { color: #fff; background-color: #080809; opacity: 1; }
.ui-context .character-list .primary .char:last-child { margin: 0; background-image: none; }
.ui-context .character-list .secondary .viewport { width: 185px; float: left; height: 265px; overflow: hidden; position: relative; }
.ui-context .character-list .secondary .viewport a { display: block; padding: 5px; }
.ui-context .character-list .secondary .viewport a .icon-frame { vertical-align: middle; }
.ui-context .character-list .secondary .viewport a:hover { background: #080809; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ui-context .character-list .secondary .viewport a.filtered { display: none; }
.ui-context .character-list .secondary .overview { position: absolute; left: 0; top: 0; width: 185px; }
.ui-context .character-list .secondary .scrollbar { position: relative; float: right; width: 15px; }
.ui-context .character-list .secondary .track { background: #080808; height: 100%; width: 13px; position: relative; padding: 1px; -moz-border-radius: 5px; border-radius: 5px; }
.ui-context .character-list .secondary .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background: #24292e; -moz-border-radius: 5px; border-radius: 5px; }
.ui-context .character-list .secondary .thumb .end,
.ui-context .character-list .secondary .disable { display: none; }
.ui-context .character-list .secondary .char-wrapper { padding: 10px; height: 265px; width: 205px; }
.ui-context .no-results { text-align: center; padding: 15px; }
.ui-context .char-wrapper { padding-bottom: 1px; clear: both; background: #0d0e10 url("../images/context/divider.gif") 50% 100% no-repeat; -moz-box-shadow: #000 0 0 5px inset; -webkit-box-shadow: #000 0 0 5px inset; box-shadow: #000 0 0 5px inset; }
.ui-context .filter { text-align: center; }
.ui-context .filter .input { margin-bottom: 5px; }
.ui-context .filter,
.ui-context .manage-chars { padding: 10px 10px 8px 10px; display: block; line-height: 125%; }
.ui-context .manage-chars span { color: #5b616a; }
.ui-context a.manage-chars:hover span { color: #aaa; }
.ui-context a.manage-chars:hover span.plus { background-position: 0 -265px; }
.ui-context .manage-chars .plus { width: 15px; height: 15px; display: block; float: right; margin: 15px 0 15px 10px; background: url("../images/context/icons.gif") 0 -114px no-repeat; }

.context-link { background-position: 100% 4px; background-repeat: no-repeat; font-weight: bold; padding-right: 16px; }

/* pagination */
.ui-pagination { height: 22px; overflow: hidden; background-position:0 50%; background-repeat:no-repeat }
.ui-pagination li { display: inline-block; margin: 0 1px; }
.ui-pagination li a,
.ui-pagination li.expander { padding: 0 10px; height: 22px; line-height: 22px; display: block; text-align: center; }
.ui-pagination li.expander { display: inline-block; font-weight: bold; }
.ui-pagination li.last-item,
.ui-pagination li.first-item { padding-right: 20px; background: url("../images/icons/pagination.png") 93% 50% no-repeat; }
.ui-pagination li.last-item { background-position: 4px 50%; padding: 0 1px 0 20px; }
.ui-pagination li.last-item a,
.ui-pagination li.first-item a,
.ui-pagination li.cap-item a { width: auto; padding: 0 8px; }
.ui-pagination.empty-pagination { background:none }

/* tooltip */
.ui-tooltip { position: absolute; z-index: 9005; width: auto; height: auto; max-width: 300px; }
.ui-tooltip .tooltip-content { width: auto; height: auto; }
.ui-tooltip table { border-collapse: collapse; border-spacing: 0; }
.ui-tooltip td { margin: 0; padding: 0 }
.tooltip-frame { background: transparent; border: none; display: none; height: 0; position: absolute; z-index: 999; width: auto; height: auto; max-width: 300px; }

/* type ahead */
.ui-typeahead { position: absolute; opacity: 0.99; white-space: nowrap; overflow: hidden; }
.ui-typeahead .group-list a { display: block; padding: 4px 8px; }
.ui-typeahead .group-list a:hover,
.ui-typeahead .group-list a.item-active { color: #fff; }
.ui-typeahead .group-list a em { font-style: normal; border-bottom: 1px dotted; }
.ui-typeahead .group-list a .desc { font-size: 11px; }
.ui-typeahead .group-title { display: block; font-weight: bold; padding: 4px 8px; }
.ui-typeahead-ghost .input { position: absolute; top: 0; left: 0; }
.ui-typeahead-ghost .input-ghost { color: #707070; }
.ui-typeahead .icon { float: left; margin-right: 8px; }
.ui-typeahead .icon-desc { margin-top: 3px; }
.ui-typeahead .group-url .icon-desc .desc { display: block; white-space: normal; padding-left: 46px; }
.ui-typeahead .group-url .icon-desc .title { white-space: pre-wrap; }
.ui-typeahead .group-url .desc { display: block; white-space: pre-wrap; }

/* slideshow */
.ui-slideshow { height: 300px; width: 640px; overflow: hidden; position: relative; }
.ui-slideshow .slideshow { height: 300px; width: 640px; position: relative; z-index: 10; }
.ui-slideshow .mask { height: 300px; width: 640px; position: absolute; top: 0; left: 0; z-index: 30; cursor: pointer; }
.ui-slideshow .caption { position: absolute; left: 30px; bottom: 30px; width: 580px; z-index: 35; text-shadow: 0 0 15px #000, 0 0 15px #000, 0 0 5px #000, 0 0 19px #000, 0 0 19px #000;}
.ui-slideshow .caption h3 { font-size: 28px; color: #fff; font-weight: normal; }
.ui-slideshow .paging { position: absolute; top: 15px; right: 15px; width: 15px; z-index: 35; }
.ui-slideshow .paging a { display: block; height: 10px; margin-bottom: 5px; background-color: #fff; opacity: .5; -moz-border-radius: 3px; border-radius: 3px }
.ui-slideshow .paging a:hover,
.ui-slideshow .paging a.current { opacity: 1; }
.ui-slideshow .preview { color: #000; text-align: center; width: 100px; padding: 5px; background: #fff; position: absolute; display: none; right: 35px; top: 15px; -moz-border-radius: 5px; border-radius: 5px; z-index: 35; }
.ui-slideshow .preview span { display: block; }
.ui-slideshow .slide { height: 300px; width: 640px; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; z-index: 15; }
.ui-slideshow .slide .click-area { width: 640px; height: 300px; position: absolute; bottom: 0; left: 0; z-index: 20; }
.ui-slideshow .slide .click-area embed { z-index: 25; }

/* menu */
.flyout-menu { z-index: 75; padding: 0; width: auto; position: absolute }
.flyout-menu ul { list-style: none; margin: 0; padding: 0; float: left; }
.flyout-menu ul li { clear: both; position: relative; }
.flyout-menu ul li a { display: block; padding: 5px; text-decoration: none; }
.flyout-menu ul li .flyout-menu { top: -1px; display: none; z-index: 80; }
.flyout-menu .header { padding: 5px; display: block; }

/* overlay */
#blackout { width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .7; display: none; position: fixed; z-index: 9001; }
.ui-overlay { position: fixed; z-index: 9002; }
.ui-overlay .overlay-close { position: absolute; top: 0; right: 0; display: block; }

/* filter input */
.ui-filter { position: relative; }
.ui-filter .reset { cursor: pointer; }
.ui-filter .reset,
.ui-filter .view { display: block; position: absolute; top: 5px; right: 5px; }
.ui-filter .input { color: #707070; }
.ui-filter .input.active { color: #000; }
.chrome .ui-filter .reset,
.chrome .ui-filter .view { top: 7px; }

/* trending topics */
.trending-topics li { padding: 10px 5px; }
.trending-topics .topic { display: block; line-height: 115%; word-wrap: break-word; }
.trending-topics .date,
.trending-topics .forum { font-size: 11px; }

/* articles list */
.articles-list a { padding: 10px 5px; display: block; }
.articles-list a .title { display: block; line-height: 115%; word-wrap: break-word; }
.articles-list a .date { font-size: 11px; }
.articles-list a .image { float: left; margin-right: 10px; width: 150px; height: 130px; background: #000; }

/*----------------------------------------------
	Shared Elements
----------------------------------------------*/

/* service bar */
#service { position: absolute; z-index: 75; top: 0; right: 0; }
.service-bar { position: relative; z-index: 75; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; display: inline-block; text-align: right; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.service-bar .dropdown-menu { line-height: normal; text-align: left; background-color: #c5c5c5; position: absolute; top: 33px; right: 0; display: none; color: #000; width: 150px; padding: 10px; -moz-border-radius: 2px; border-radius: 2px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -moz-box-shadow: 0 3px 4px #1b1b1b; box-shadow: 0 3px 4px #1b1b1b }
.service-bar .dropdown-menu a { color: #000; display: block; padding: 5px; -moz-border-radius: 2px; border-radius: 2px }
.service-bar .dropdown-menu a:hover { background: #d6d6d6; color: #000; text-decoration: none }
.service-cell { position: relative; background: url("../images/service-bar/background.png") repeat-x 0 -200px; color: #8694A1; display: block; float: left; line-height: 32px; padding: 0 0 7px 0; }
.service-cell a { color: #00B6FF; text-decoration: none; }
.service-cell a:hover { color: #FFF; }
.service-home { background-position: 0 0; background-repeat: no-repeat; }
.service-home a { display: block; line-height: 33px; border-left: 0; text-indent: -9999px; width: 48px; padding: 0 0 0 7px; background: url("../images/service-bar/background.png") no-repeat 0 -40px; }
.service-home.service-maintenance a { background-position: 0 -120px; }
.service-home.service-alert a { background-position: 0 -160px; }
.service-home a:hover { background-color: transparent; background-position: 0 -80px; }
.service-welcome { padding: 0 15px 7px 15px; }
.service-welcome .employee { display: inline-block; vertical-align: middle; width: 27px; height: 32px; background: url("../images/icons/employee.gif") no-repeat center center; }
.service-link { font-size: 10px; text-transform: uppercase; display: block; line-height: 32px; padding: 0 1.5em; border-left: 1px solid #33373B; }
.service-link:hover { background-color: #343434; }
.service-cell a.active { background: #C5C5C5; color: #000; }
.service-news a { display: block; border-right: 1px solid #33373B; border-left: 0; width: 50px; background: url("../images/service-bar/background.png") repeat-x -117px -160px; }
.service-bar .service-news.opened { padding: 0; }
.service-bar .service-news.opened a,
.service-bar .service-news.opened a:hover { background-color: #d37201; height: 40px; border-right-color: #d37201; }
.service-support-enhanced { background-position: 100% -241px; }
.service-support a.service-link-dropdown { display: block; padding: 0 38px 0 1.5em; background: url("../images/service-bar/background.png") repeat-x 100% -240px; }
.service-support a.service-link-dropdown:hover { background-position: 100% -280px; }
.service-support a.active,
.service-support a.active:hover { color: #FFF; background: url("../images/service-bar/background.png") repeat-x 100% -320px; }
.service-explore { background-position: 100% 0; padding: 0 0 7px 0; }
.service-explore a.dropdown { color: #FFF; text-transform: uppercase; display: block; line-height: 32px; padding: 0 40px 0 1.5em; background: url("../images/service-bar/background.png") repeat-x 100% -40px; }
.service-explore a.dropdown:hover { background-position: 100% -80px; }
.service-explore a.active,
.service-explore a.active:hover { background-position: 100% -120px; }
.service-language a { height: 33px; padding: 0; width: 65px; background: url("../images/service-bar/map.png") 50% 6px no-repeat; }
.service-language a:hover { background-position: 50% -40px; }

/* support tag */
.no-support-tickets { display: none; }
.open-support-tickets { display: block; position: absolute; top: 8px; right: 11px; width: 17px; height: 16px; padding: 1px 1px 4px 1px; overflow: hidden; background: url("../images/service-bar/background.png") repeat-x -188px -168px; text-align: center; line-height: 16px; color: #722600; }
.service-support a.active .open-support-tickets,
.service-support a.active:hover .open-support-tickets { color: #722600; }

/* auth menu */
.service-auth .service-link,
.service-auth .service-link.active { display: block; width: 20px; height: 33px; padding: 0 8px; background: url("../images/service-bar/auth/security-alert.png") 50% 50% no-repeat; }
.service-auth .service-link:hover { background-color: #343434; }
.service-auth .service-link.active { background-color: #343c46; }
.auth-menu { position: absolute; z-index: 85; top: 33px; right: -250px; width: 400px; padding: 15px; line-height: normal; text-align: left; background: #343c46 url("../images/service-bar/auth/authenticator.jpg") 100% 100% no-repeat;
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 12px; box-shadow: 0 5px 5px #000; }
.auth-menu ul { margin: 15px 115px 15px 15px; list-style: square; }
.auth-menu ul li { height: auto; }
.auth-menu .auth-title { font-size: 15px; display: block; font-weight: normal; color: #fff; padding-bottom: 4px; border-bottom: 3px solid #2a5164; }
.auth-menu .auth-more { display: block; margin-top: 15px; }
.auth-menu .auth-button { display: inline-block; color: #fff; text-transform: uppercase; padding: 10px 15px;
	border-radius: 3px; box-shadow: 0 0 4px 2px #252b32;
	background: #0081b4; /* Old browsers */
	background: -moz-linear-gradient(top,  #0081b4 0%, #006a9b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0081b4), color-stop(100%,#006a9b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0081b4 0%,#006a9b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0081b4 0%,#006a9b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0081b4 0%,#006a9b 100%); /* IE10+ */
	background: linear-gradient(top,  #0081b4 0%,#006a9b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081b4', endColorstr='#006a9b',GradientType=0 ); /* IE6-9 */ }
.auth-menu .auth-button:hover { background: #008dc5; }
.auth-menu .auth-close { display: inline-block; width: 16px; height: 16px; float: right; background: url("../images/icons/sprite.png") 0 -96px no-repeat; }

/* support menu */
.support-menu { position: absolute; z-index: 85; top: 33px; right: -9px; width: 315px; text-align: left; }
.support-primary { line-height: 1.5; overflow: hidden; padding: 1em 23px 0 25px; background: url("../images/service-bar/support-menu.png") repeat-y 0 0; }
.support-secondary { overflow: hidden; padding: 0; height: 26px; background: url("../images/service-bar/support-menu.png") no-repeat -315px 0; }
.support-caption { font-size: 16px; line-height: 1.333; color: #393939; letter-spacing: -1px; margin: 0 0 .5em 0; font-weight: bold; display: block; color: #E8EBF0; font-weight: normal; line-height: 1.333; margin: 0; }
.support-nav { margin: 0; padding: 0; }
.support-nav li { list-style: none; }
.support-nav a.support-category { display: block; color: #94989F; margin: 0 0 .5em 0; padding: 0 0 .75em 0; border-bottom: 3px solid #2A5164; }
.support-nav a.support-category:hover { border-color: #FFF; color: #FFF; }
.ticket-summary ul { margin: 0; }
.ticket-summary li { font-size: 11px; padding: 4px 0; }
.ticket-summary li.view-all-tickets { border: 0; padding: 0; margin: 6px 0 0 0;  }
.ticket-summary li.first-ticket { border: none; }
.ticket-summary li .ticket-open { color: #94989F; }
.ticket-summary li .ticket-answered { color: #d68b14; }
.ticket-summary li .ticket-resolved { color: #64c419; }
.ticket-summary li .ticket-canceled { color: #94989F; }
.ticket-summary li .ticket-info { color: #e25053; }
.ticket-summary li a { color: #94989F; display: block; padding: 4px 4px 4px 36px; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.ticket-summary li a:hover,
.ticket-summary li a:hover span { color: #FFF; background: #212832; }
.ticket-summary li a .ticket-datetime { color: #5f7481; }
.ticket-summary li.view-all-tickets { border-top: 3px solid #2A5164; }
.ticket-summary li.view-all-tickets a { padding: 4px; margin: 4px 0 0 0; }
.ticket-summary li a .icon-ticket-status { background: url("../images/icons/sprite.png") -256px -128px; width: 32px; height: 32px; overflow: hidden; display: block; position: absolute; top: 2px; left: 0; }
.ticket-summary li a:hover .icon-ticket-status { background: url("../images/icons/sprite.png") -256px -160px; }

/* explore menu */
.explore-menu { position: absolute; z-index: 85; top: 33px; right: 0; width: 425px; text-align: left; }
.explore-primary { line-height: 1.5; overflow: hidden; padding: 1em 23px 1em 25px; background: url("../images/service-bar/explore-menu.png") repeat-y 0 0; }
.explore-secondary { line-height: 1.1; overflow: hidden; padding: 0 7px 33px 9px; height: 217px; background: url("../images/service-bar/explore-menu.png") no-repeat -425px 0; }
.explore-caption { font-size: 16px; line-height: 1.333; color: #393939; letter-spacing: -1px; margin: 0 0 .5em 0; font-weight: bold; display: block; color: #E8EBF0; font-weight: normal; line-height: 1.333; margin: 0; }
.explore-nav { margin: 0; padding: 0; }
.explore-nav li { list-style: none; }
.explore-nav { width: 50%; float: left; }
.explore-nav a { display: block; color: #94989F; margin: 0 0 .5em 0; padding: 0 0 .75em 0; border-bottom: 3px solid #2A5164; }
.explore-nav a:hover { border-color: #FFF; }
.explore-links { width: 40%; float: right; }
.explore-links ul { margin: 0; padding: 0; }
.explore-links ul li { list-style: none; }
.explore-links .explore-caption { margin: 0 0 .25em 0; padding: 0 4px; font-size: 14px; }
.explore-links a { margin: 0 0 .1em 0; color: #94989F; display: block; padding: 2px 4px; -moz-border-radius: 2px; border-radius: 2px; }
.explore-links a:hover { background: #212832; }
.explore-secondary { margin: 0; }
.explore-secondary li { list-style: none; }
.explore-secondary li { width: 136px; float: left; }
.explore-secondary .explore-game-wow { width: 137px; }
.explore-secondary .explore-caption { font-size: 15px; display: block; padding-bottom: 4px; }
.explore-secondary a { display: block; width: 136px; height: 216px; color: #94989F; }
.explore-secondary .explore-game-inner { display: block; padding: 110px 0 0 10px; }
.explore-secondary span { display: block; padding-bottom: 4px; white-space: nowrap; overflow: hidden; font-size: 11px; }
.explore-game a:hover { background: url("../images/service-bar/explore-menu.png") repeat-y -859px 0; }
.explore-game-sc2 a:hover { background-position: -859px 0; }
.explore-game-wow a:hover { background-position: -995px 0; }
.explore-game-d3 a:hover { background-position: -1132px 0; }

/* warnings */
#warnings-wrapper { width: 100%; top: 33px; right: 0; position: absolute; z-index: 74; }
.warning { color: #c4bdb0; margin: 0 7px 0 55px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -moz-box-shadow: 0 3px 4px #1d1d1d; box-shadow: 0 3px 4px #1d1d1d }
.warning a { color: #ffd800 }
.warning a:hover { color: #fff; }
.warning span { color: #fff }
.warning h3 { color: #fff; }
.warning p { margin: 10px 0 0 0; }
.warning .warning-inner { min-width: 380px; padding: 15px 10px 15px 15px; }
.warning .warning-inner2 { min-width: 380px; background: url("../images/icons/warning.png") 7px 11px no-repeat; padding: 15px 10px 10px 40px; position: relative; }
.warning .warning-close { margin: 4px 0 0 10px; display: block; position: absolute; top: 10px; right: 10px; width: 10px; height: 10px; overflow: hidden; background: url("../images/service-bar/close.gif"); }
.warning.warning-orange { background: #efa800 url("../images/service-bar/bg-orange.gif") 0 0 repeat-x; color:#6F3900; }
.warning.warning-green { background: #4c7141 url("../images/service-bar/bg-green.gif") 0 0 repeat-x }
.warning.warning-red { background: #742E03 url("../images/service-bar/bg-red.gif") 0 0 repeat-x }
#i18n-warning .warning-inner2 { background: url("../images/service-bar/globe.png") 12px 17px no-repeat; }

/* footer */
#footer { font: normal 12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; padding: 25px 0; }
#footer a { color: #697489; }
#footer a:hover { color: #dcdcdc; }
#footer h3,
#footer h3 a { font-weight: normal; font-size: 13px; color: #b2bac7; text-transform: uppercase; }
#footer-promotions { float: right; width: 302px; padding-bottom: 20px; }
#footer-promotions a { color: #b2bac7; }
#sitemap h3 { border-bottom: 2px solid #414a56; padding-bottom: 10px; margin-bottom: 10px; padding-left: 20px; background: url("../images/icons/footer.png") no-repeat; }
#sitemap h3.bnet { background-position: 0 0 }
#sitemap h3.games { background-position: 2px -50px }
#sitemap h3.classic { background-position: 0 -100px }
#sitemap h3.account { background-position: 2px -150px; padding-left: 23px; }
#sitemap h3.support { background-position: 0 -200px; padding-left: 23px; }
#sitemap .column { float: left; width: 25%; padding-bottom: 20px }
#sitemap .column ul a { display: block; margin: 2px 0; }
#sitemap.promotions .column { width: 170px; }
#copyright { color: #2a2c2f; border-top: 1px solid #414a56; text-transform: uppercase; font-size: 10px; clear: both; padding: 10px 0;  }
#copyright a { margin-left: 15px; color: #b2bac7; }
#copyright .legal-links { display: block;}
#copyright .legal-links a { margin: 0 8px 0 0 }
#legal { padding: 15px 0; }
#legal a { display: inline-block; vertical-align: top; }
#legal #blizzard { float: left; }
#legal #legal-ratings { float: right; vertical-align: top; }
#legal #legal-ratings img { vertical-align: top; }
#legal #legal-ratings a { margin-left: 10px; }

/* language switcher */
#international { display: none; border-bottom: 1px solid #414A56; padding: 25px 0 25px 25px; background: url("../images/layout/world-map.gif") 50% 50% no-repeat; }
#international h3 { margin: 0 0 10px 0; padding: 0; }
#international .column { float: left; padding: 20px; width: 115px; }
#international .column a { display: block; padding: 3px 0; }
#international .column a.selected { background: url("../images/icons/i18n-support.gif") 0 4px no-repeat; padding-left: 15px; margin-left: -15px; color: #fff; }
#change-language { float: right; background: url("../images/icons/arrows.gif") 100% -99px no-repeat; padding-right: 20px; margin-top:-2px }
#change-language.open { background-position: 100% 1px; }
#change-language span { display: inline-block; background: url("../images/icons/map-small.gif") 0 50% no-repeat; padding: 2px 0 2px 35px }

/* embedded login */
#login-embedded { width: 400px; position: fixed; top: 50%; left: 50%; padding: 0; margin: -200px; z-index: 9005; height: 300px; background: #000; border: 5px solid #525e67; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: #000 0 0 20px; box-shadow: #000 0 0 20px; }
#login-embedded object,
#login-embedded iframe { width: 400px; margin: 0; padding: 0; border: none; }
#embedded-loader { width: 200px; height: 200px; position: fixed; top: 50%; left: 50%; margin: -100px; z-index: 9005; background: url("../images/loaders/uber-loading.gif") 50% 50% no-repeat; }

/* bml */
.bml-toolbar button { width: 34px; height: 26px; padding: 0; text-indent: -9999px; border: none; background-repeat:no-repeat; margin: 0 2px 5px 0; cursor: pointer; }
.bml-toolbar .bml-bold:hover,
.bml-toolbar .bml-bold.on { background-position: -34px 0; }
.bml-toolbar .bml-italics { background-position: 0 -26px; }
.bml-toolbar .bml-italics:hover,
.bml-toolbar .bml-italics.on { background-position: -34px -26px; }
.bml-toolbar .bml-underline { background-position: 0 -52px; }
.bml-toolbar .bml-underline:hover,
.bml-toolbar .bml-underline.on { background-position: -34px -52px; }
.bml-toolbar .bml-list { background-position: 0 -78px; }
.bml-toolbar .bml-list:hover,
.bml-toolbar .bml-list.on { background-position: -34px -78px; }
.bml-toolbar .bml-listItem { background-position: 0 -208px; }
.bml-toolbar .bml-listItem:hover,
.bml-toolbar .bml-listItem.on { background-position: -34px -208px; }
.bml-toolbar .bml-code { background-position: 0 -104px; }
.bml-toolbar .bml-code:hover,
.bml-toolbar .bml-code.on { background-position: -34px -104px; }
.bml-toolbar .bml-quote { background-position: 0 -130px; }
.bml-toolbar .bml-quote:hover,
.bml-toolbar .bml-quote.on { background-position: -34px -130px; }
.bml-toolbar .bml-unformat { background-position: 0 -156px; }
.bml-toolbar .bml-unformat:hover,
.bml-toolbar .bml-unformat.on { background-position: -34px -156px; }
.bml-toolbar .bml-cleanup { background-position: 0 -182px; }
.bml-toolbar .bml-cleanup:hover,
.bml-toolbar .bml-cleanup.on { background-position: -34px -182px; }
.bml-toolbar .bml-url { background-position: -69px 0; }
.bml-toolbar .bml-url:hover,
.bml-toolbar .bml-url.on { background-position: -103px 0; }
.bml-editor { margin: 5px 0 7px; background: #fff; height: 200px; padding: 10px; -moz-border-radius: 5px; border-radius: 5px; cursor: text; -moz-box-shadow: 0 0 10px -3px #444444; box-shadow: 0 0 10px -3px #444444;}
.bml-editor iframe { width:100%; height: 200px; }

/* misc */
#ajax_error { display:none; }
.response-error { border: 1px solid #c90000 !important; -moz-box-shadow: 0 0 20px -1px #c90000; box-shadow: 0 0 20px -1px #c90000; } /*general input error style*/

/* borders */
.border-2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.border-3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.border-4 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.border-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.border-6 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.border-7 { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.border-8 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.border-9 { -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
.border-10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/* Ads */
#sidebar-bnet-ads { margin:0 0 25px 3px; font-size:11px; line-height:normal; }
#sidebar-bnet-ads .sidebar-content { padding-top:15px; }
#sidebar-bnet-ads .desc { padding:5px 0;}
#sidebar-bnet-ads .subtitle { padding-top:5px; }

/* error page */
.server-error #content .content-top { background: no-repeat; }
#server-error { width: 375px; margin: 0 auto; padding-top: 150px; text-align: center; font-size: 18px; min-height: 900px; }
#server-error h2 { font-size:125px; }
#server-error h2.http { font-size: 85px; }
#server-error h3 { font-size:35px; margin-bottom: 50px; }
#server-error em { font-size: 12px; }
#server-error ul { font-size: 14px; text-align: left; list-style: disc; margin: 35px 0 0 35px; }
#server-error sup { font-size: 9px; }

/*----------------------------------------------
	Game Specific
----------------------------------------------*/

/* wow factions */
.wow-faction-0, .wow-faction-0 a { color: #0078ff; } /* alliance */
.wow-faction-1, .wow-faction-1 a { color: #b30000; } /* horde */

/* wow expansions */
.wow-exp-0, .wow-exp-0 a { color: #fff468 !important; } /* classic */
.wow-exp-1, .wow-exp-1 a { color: #aad372 !important; } /* the burning crusade */
.wow-exp-2, .wow-exp-2 a { color: #68ccef !important; } /* wrath of the lich king */
.wow-exp-3, .wow-exp-3 a { color: #ff7c0a !important; } /* cataclysm */

/* wow classes */
.wow-class-1, .wow-class-1 a { color: #c69b6d !important; } /* warrior */
.wow-class-2, .wow-class-2 a { color: #f48cba !important; } /* paladin */
.wow-class-3, .wow-class-3 a { color: #aad372 !important; } /* hunter */
.wow-class-4, .wow-class-4 a { color: #fff468 !important; } /* rogue */
.wow-class-5, .wow-class-5 a { color: #f0ebe0 !important; } /* priest */
.wow-class-6, .wow-class-6 a { color: #c41e3b !important; } /* death knight */
.wow-class-7, .wow-class-7 a { color: #2359ff !important; } /* shaman */
.wow-class-8, .wow-class-8 a { color: #68ccef !important; } /* mage */
.wow-class-9, .wow-class-9 a { color: #9382c9 !important; } /* warlock */
.wow-class-11, .wow-class-11 a { color: #ff7c0a !important; } /* druid */

/* wow item quality */
.wow-item-0, .wow-item-0 a { color: #9d9d9d !important; } /* poor (gray) */
.wow-item-1, .wow-item-1 a { color: #ffffff !important; } /* common (white) */
.wow-item-2, .wow-item-2 a { color: #1eff00 !important; } /* uncommon (green) */
.wow-item-3, .wow-item-3 a { color: #0081ff !important; } /* rare (blue) */
.wow-item-4, .wow-item-4 a { color: #c600ff !important; } /* epic (purple) */
.wow-item-5, .wow-item-5 a { color: #ff8000 !important; } /* legendary (orange) */
.wow-item-6, .wow-item-6 a { color: #e5cc80 !important; } /* artifact (gold) */
.wow-item-7, .wow-item-7 a { color: #e5cc80 !important; } /* heirloom (gold) */

/* sc2 races */
.sc2-race-0, .sc2-race-0 a { color: green !important; } /* random */
.sc2-race-1, .sc2-race-1 a { color: red !important; } /* terran */
.sc2-race-2, .sc2-race-2 a { color: blue !important; } /* protoss */
.sc2-race-3, .sc2-race-3 a { color: purple !important; } /* zerg */

/* sc2 factions */
.sc2-exp-0, .sc2-exp-0 a { color: blue !important; } /* wings of liberty */
.sc2-exp-1, .sc2-exp-1 a { color: purple !important; } /* heart of the swarm */
.sc2-exp-2, .sc2-exp-2 a { color: green !important; } /* legacy of the void */

/* d3 classes */
.d3-class-barbarian, .d3-class-barbarian a { color: #be2903 !important; }
.d3-class-demon-hunter, .d3-class-demon-hunter a { color: #80077b !important; }
.d3-class-monk, .d3-class-monk a { color: #c08f03 !important; }
.d3-class-witch-doctor, .d3-class-witch-doctor a { color: #08711e !important; }
.d3-class-wizard, .d3-class-wizard a { color: #0559ae !important; }

/* d3 colors */
.d3-color-blue, .d3-color-blue a { color: #6969ff !important; }
.d3-color-gray, .d3-color-gray a { color: #909090 !important; }
.d3-color-gold, .d3-color-gold a { color: #c7b377 !important; }
.d3-color-green, .d3-color-green a { color: #00ff00 !important; }
.d3-color-orange, .d3-color-orange a { color: #bf642f !important; }
.d3-color-purple, .d3-color-purple a { color: #a335ee !important; }
.d3-color-red, .d3-color-red a { color: #ff0000 !important; }
.d3-color-white, .d3-color-white a { color: white !important; }
.d3-color-yellow, .d3-color-yellow a { color: #ffff00 !important; }

/*----------------------------------------------
	Blizzcon Bar
----------------------------------------------*/

.blizzcon-bar { width: 100%; height: 40px; margin-bottom: 1px; background: #002540 url("../images/layout/blizzcon/bar-bg.jpg") 50% 100% no-repeat; border-bottom: 1px solid #05517e; font-size: 13px; font-family: Arial, sans-serif;
	-moz-box-shadow: 0 0 1px 1px #000; -webkit-box-shadow: 0 0 1px 1px #000; box-shadow: 0 0 1px 1px #000; }
.blizzcon-bar-inner { width: 995px; margin: 0 auto; border-right: 3px solid #042e45; height: 40px; }
.blizzcon-bar .cell { float: right; display: block; height: 40px; border-right: 1px solid #011323; border-left: 1px solid #011323; margin-right: -1px; }
.blizzcon-bar .cell:hover { background-color: rgba(255, 255, 255, 0.05); }
.blizzcon-bar .cell span { display: block; float: left; height: 40px; line-height: 40px; padding: 0 15px; border-left: 2px solid #042e45; }
.blizzcon-bar .cell.close { border-right: 0; }
.blizzcon-bar .cell.close span { background: url("../images/layout/blizzcon/sprite.png") 8px -120px no-repeat; padding: 0 20px; }
.blizzcon-bar .cell.close:hover span { background-position: 8px -280px; }
.blizzcon-bar .cell.news { float: left; border-right: 0; }
.blizzcon-bar .cell.news strong { padding-right: 10px; }
.blizzcon-bar .cell.news span { background: url("../images/layout/blizzcon/sprite.png") 15px 1px no-repeat; padding-left: 80px; }
.blizzcon-bar .cell.news:hover span { background-position: 15px -159px; }
.blizzcon-bar .cell.buy span { background: url("../images/layout/blizzcon/sprite.png") 8px -39px no-repeat; padding-left: 60px; }
.blizzcon-bar .cell.buy:hover span { background-position: 8px -199px; }
.blizzcon-bar .cell.watch span { background: url("../images/layout/blizzcon/sprite.png") 7px -80px no-repeat; padding-left: 45px; }
.blizzcon-bar .cell.watch:hover span { background-position: 7px -240px; }
.blizzcon-bar a { color: #7dfc20; }
.blizzcon-bar a:hover { color: #fff; }
.blizzcon-bar strong { color: #fff; }

body.has-blizzcon-bar { background-position: 50% 42px !important; }

.ie6 .blizzcon-bar .cell.close span,
.ie6 .blizzcon-bar .cell.news span,
.ie6 .blizzcon-bar .cell.buy span,
.ie6 .blizzcon-bar .cell.watch span { background-image: url("../images/layout/blizzcon/sprite-ie6.png"); }


/*----------------------------------------------
	SNS Widget
----------------------------------------------*/

#facebook-like, #google-plusone { width: 90px; height: 20px; overflow: hidden;}
#facebook-like { width: 250px;}
#qzone-like { width: 110px;height: 31px; overflow: hidden; border: none; margin:0;}
#renren-like { width: 130px; height: 31px; overflow: hidden; border: none; margin:0;}
.share-widgets {width:auto; height:16px; float:right;}
.share-widgets .share-title {font-size: 12px; padding:0 5px 0 0;}
.widget-default { background-color:#fff; padding:2px 1px 2px 2px; width:auto; height:16px; display: inline-block; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px;  }
.widget-default a { background: url('../images/icons/widget.gif') no-repeat 0 0; width:16px; height:16px; display:inline-block; margin:0 1px 0 0}
.widget-default a:hover { opacity:0.8 }
.widget-default a.facebook { background-position:0 0 }
.widget-default a.twitter { background-position:0 -16px }
.widget-default a.mySpace { background-position:0 -32px }
.widget-default a.stumbleUpon { background-position:0 -48px }
.widget-default a.digg { background-position:0 -64px }
.widget-default a.me2day { background-position:0 -80px }
.widget-default a.c-log { background-position:0 -96px }
.widget-default a.minik { background-position:0 -112px }						
.widget-default a.micro-163 { background-position:0 -128px }
.widget-default a.micro-sina { background-position:0 -144px }
.widget-default a.kaixin { background-position:0 -160px }
.widget-default a.renren { background-position:0 -176px }
.widget-default a.plurk { background-position:0 -192px }
.widget-default a.reddit { background-position:0 -208px }
.widget-default a.studivz { background-position:0 -242px }
.widget-default a.tuenti { background-position:0 -224px }
.widget-default a.nasza-klasa { background-position:0 -272px }
.widget-default a.vkontakte { background-position:0 -288px }
.widget-default a.odnoklassniki { background-position:0 -304px }
.widget-default a.micro-qq { background-position:0 -320px }
.widget-default a.qzone { background-position:0 -336px }

/* search results */
.search .summary .suggested-results .icon { float: left; margin-right: 8px; }
.search .summary .suggested-results .result a { font-size: 15px; font-weight: bold; }
.search .summary .suggested-results .result p { margin-top: 0; }
.search .summary .suggested-results .result .has-icon { padding-left: 46px; }
